<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>${_title}</title>

<!-- Bootstrap core CSS -->

<link href="${_css}/bootstrap.min.css" rel="stylesheet">

<link href="${_font}/css/font-awesome.min.css" rel="stylesheet">
<link href="${_css}/animate.min.css" rel="stylesheet">

<!-- Custom styling plus plugins -->
<link href="${_css}/custom.css" rel="stylesheet">
<link href="${_css}/icheck/flat/green.css" rel="stylesheet">
<link href="${_css}/datatables/tools/css/dataTables.tableTools.css" rel="stylesheet">

<script src="${_js}/jquery.min.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
<style>
	li{
	    height: 60px;
	}
	
	.tile_stats_count{
		float:left;
	}
	.tile_stats_count .count{
		font-size: 30px;
	    line-height: 47px;
	    font-weight: 600;	
	    	
	}	
</style>
</head>

<body>
	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="row tile_count">
		    <div class="animated tile_stats_count" style="width:25%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i>平台总投资金额</span>
		            <div class="count" id="tenderMoney">
		            	<#if adminIndexShow?exists & adminIndexShow.tenderMoney?exists>
		            		<#if (adminIndexShow.tenderMoney != 0 )>
		                		${adminIndexShow.tenderMoney?string(',###.00')}
		                	<#else>
		                	 	${adminIndexShow.tenderMoney?string('0.00')}
		                	</#if>
		            	</#if>
		            </div>
		        </div>
		    </div>
		    <div class="animated tile_stats_count" style="width:23%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i> 为客户赚取利益</span>
		            <div class="count" id="income">
		            	<#if adminIndexShow?exists & adminIndexShow.income?exists>
		            		<#if (adminIndexShow.income != 0 )>
		                		${adminIndexShow.income?string(',###.00')}
		                	<#else>
		                	 	${adminIndexShow.income?string('0.00')}
		                	</#if>
		            	</#if>
		            </div>
		        </div>
		    </div>
		    
		    <div class="animated tile_stats_count" style="width:13%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i> 平台总注册数</span>
		            <div class="count" id="userCount"><#if adminIndexShow?exists & adminIndexShow.userCount?exists>${adminIndexShow.userCount}</#if></div>
		        </div>
		    </div>
		    <div class="animated  tile_stats_count" style="width:13%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i> PC端注册数</span>
		            <div class="count" id="pcUserCount"><#if adminIndexShow?exists & adminIndexShow.pcUserCount?exists>${adminIndexShow.pcUserCount}</#if></div>
		        </div>
		    </div>
		    <div class="animated  tile_stats_count" style="width:13%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i> 微信端注册数</span>
		            <div class="count" id="wxUserCount"><#if adminIndexShow?exists & adminIndexShow.wxUserCount?exists>${adminIndexShow.wxUserCount}</#if></div>
		        </div>
		    </div>
		    <div class="animated tile_stats_count" style="width:13%">
		        <div class="left"></div>
		        <div class="right">
		            <span class="count_top"><i class="fa fa-user"></i> APP端注册数</span>
		            <div class="count" id="appUserCount"><#if adminIndexShow?exists & adminIndexShow.appUserCount?exists>${adminIndexShow.appUserCount}</#if></div>
		        </div>
		    </div>
		
		</div>
	</div>
<div class="col-md-6 col-sm-6 col-xs-12">

	<div class="x_panel">
		
		<div class="x_title" style="border:0px ; padding: 2px ; margin-bottom:0px;">
			<h2>查询时间范围 &nbsp;&nbsp;&nbsp;</h2>
			<div class="pull-right">
            	<button id="query" type="button" class="btn btn-info">查询</button>
            </div>
			<form class="form-horizontal form-label-left input_mask">
				<fieldset>
					<div class="control-group">
						<div class="controls">
							<div class="input-prepend input-group">
								<span class="add-on input-group-addon">
									<i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
								</span>
								<input type="text" style="width: 200px" name="reservation" id="reservation" placeholder="请选择时间段" class="form-control" value="<#if dateRange?exists>${dateRange}</#if>" />
							</div>
						</div>
					</div>
				</fieldset>
			</form>
		</div>
	</div>
    <div class="x_panel">
        <div class="x_title">
            <h2>资金总览<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="javascript:;" class="tag">
                                <span>成交总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p id="c1">                        	

	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/recharge/list?status=success" class="tag">
                                <span>充值总额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p id="c2">                        	
                    			
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总提现金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p id="c3">                        	
                    			
	                    		</p>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总可用余额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p id="c4">                        	
                    			
	                    		</p>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>  
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总冻结余额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p id="c5">                        	
                    			
	                    		</p>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>                               
                <!--
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>总注册奖励</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>￥0.00</p>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>  
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>总邀请奖励</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>￥0.00</p>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>   
                -->                                            
            </ul>
        </div>
    </div>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>待收总览<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
				<li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待收总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentTotal?exists>
	                    			￥${notPayment.notPaymentTotal?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待收总本金</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentFund?exists>
	                    			￥${notPayment.notPaymentFund?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待收总利息</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentInterest?exists>
	                    			￥${notPayment.notPaymentInterest?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
           </ul>
        </div>
     </div>
</div>

<div class="col-md-6 col-sm-6 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>充值总览<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/recharge/list?status=success" class="tag">
                                <span>充值总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if totalRecharge?exists>
	                    			￥${totalRecharge?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
			    <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/recharge/list?status=success&method=lianlian" class="tag">
                                <span>连连充值</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if totallianlian?exists>
	                    			￥${totallianlian?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>                
			    <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/recharge/list?status=success&method=shoudong" class="tag">
                                <span>手动充值</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if totalshoudong?exists>
	                    			￥${totalshoudong?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li> 
           </ul>
        </div>
     </div>
</div>


<div class="col-md-6 col-sm-6 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>还款总览<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>已还总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if payment?exists & payment.paymentTotal?exists>
	                    			￥${payment.paymentTotal?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>已还总本金</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if payment?exists & payment.paymentFund?exists>
	                    			￥${payment.paymentFund?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>已还总利息</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if payment?exists & payment.paymentInterest?exists>
	                    			￥${payment.paymentInterest?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>    
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>已还管理费</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<a>￥0.00</a>
                			</h2>
                            <p class="excerpt">
								
                            </p>
                        </div>
                    </div>
                </li>                             
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentTotal?exists>
	                    			￥${notPayment.notPaymentTotal?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还总本金</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentFund?exists>
	                    			￥${notPayment.notPaymentFund?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还总利息</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if notPayment?exists & notPayment.notPaymentInterest?exists>
	                    			￥${notPayment.notPaymentInterest?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
           </ul>
        </div>
     </div>
</div>    

<div class="col-md-6 col-sm-6 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>提现总览<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if sumWithdarw?exists & sumWithdarw.sumTotal?exists>
	                    			￥${sumWithdarw.sumTotal?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总手续费</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if sumWithdarw?exists & sumWithdarw.sumFee?exists>
	                    			￥${sumWithdarw.sumFee?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="/admin/withdraw/list?status=success" class="tag">
                                <span>总到账金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if sumWithdarw?exists & sumWithdarw.sumBalance?exists>
	                    			￥${sumWithdarw.sumBalance?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
           </ul>
        </div>
     </div>
</div>   


<div class="col-md-6 col-sm-6 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>下月待还<small>（单位：元）</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <ul class="list-unstyled timeline">
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还总金额</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if nextMonthPayment?exists & nextMonthPayment.notPaymentTotal?exists>
	                    			￥${nextMonthPayment.notPaymentTotal?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还本金</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if nextMonthPayment?exists & nextMonthPayment.notPaymentFund?exists>
	                    			￥${nextMonthPayment.notPaymentFund?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="tags">
                            <a href="" class="tag">
                                <span>待还利息</span>
                            </a>
                        </div>
                        <div class="block_content">
                            <h2 class="title">
                    			<p>                        	
                    			<#if nextMonthPayment?exists & nextMonthPayment.notPaymentInterest?exists>
	                    			￥${nextMonthPayment.notPaymentInterest?string('0.00')}
	                    		<#else>
	                    			￥0.00
	                    		</#if>
	                    		</p>
                			</h2>
                            <p class="excerpt">
                            	 
                            </p>
                        </div>
                    </div>
                </li>                                 
           </ul>
        </div>
     </div>
</div>          	
<script src="${_js}/bootstrap.min.js"></script>

<!-- bootstrap progress js -->
<script src="${_js}/progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
<script src="${_js}/nicescroll/jquery.nicescroll.min.js" type="text/javascript"></script>

<!-- daterangepicker -->
<script type="text/javascript" src="${_js}/datepicker/moment.min2.js"></script>
<script type="text/javascript" src="${_js}/datepicker/daterangepicker.js"></script>
<script type="text/javascript" src="${_front_js}/date.js"></script>
<script src="${_js}/custom.js" type="text/javascript"></script>
<script src="${_js}/countUp.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
    	var pcUserCount = $("#pcUserCount").html();
    	var appUserCount = $("#appUserCount").html();
    	var wxUserCount = $("#wxUserCount").html();
    	
    	var randomScalingFactor = function () {
        	return Math.round(Math.random() * 100)
        };
    });
	    
	var c1 = new CountUp("c1", 0, ${totalTenderMoney}, 2, 3);
	var c2 = new CountUp("c2", 0, ${totalRecharge}, 2, 3);
	var c3 = new CountUp("c3", 0, ${sumWithdarw.sumTotal}, 2, 3);
	var c4 = new CountUp("c4", 0, ${account.balance}, 2, 3);
	var c5 = new CountUp("c5", 0, ${account.freezen}, 2, 3);
    window.onload = function() {
        c1.start();
        c2.start();
        c3.start();
        c4.start();
        c5.start();
    }
    
	$('#reservation').daterangepicker(null, function (start, end, label) {
	    console.log(start.toISOString(), end.toISOString());
	});
	
	$("#query").click(function(){
		var range=$("#reservation").val();
		window.location.href="/admin/chart/fund?dateRange="+range;
	});

</script>		
</body>

